<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/include/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="<c:url value='/image/system/logo.ico'/>" type="image/x-icon"/>
<%@ include file="/WEB-INF/include/head.basic.jsp"%>
<script type="text/javascript" src="<c:url value='/js/system/system.js'/>">//</script>
<title>Insert title here</title>
<style>
body { 
padding-top: 70px; 
font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simhei,"黑体";
background-color:#F7F7F5;
}
</style>
<script type="text/javascript">
$(function(){
	$('#resendEmail').click(function(){
	   $('#myModal').modal('show');		
	});
});
</script>
</head>
<body>
 <div id="navbar-top" class="navbar-top navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-header">
      <a href="/" class="navbar-brand" style="padding-top:0px;">
       <img alt="" src="<c:url value="/image/system/logo.png"/>" style="width:140px;height:50px;"/>
      </a>
    </div>
  </div>
</div>
<div class="container">
    <div class="jumbotron col-sm-offset-3 col-sm-7" style="background-color:white;">
      <div style="text-align: center"><img alt="" src="<c:url value="/image/system/logo.png"/>"></div>
      <br>
      <h3>验证邮箱，完成注册</h3>
      <p style="font-size:18px;">我们已将验证邮件发送至邮箱：<a href="#" style="color:#12c3f9;"  onclick="activeEmail('${email}');">${email}</a></p>
      <div style="text-align: center;padding-top: 20px;" class="row">
        <button type="button" class="btn btn-info btn-lg col-sm-offset-1 col-sm-8" onclick="activeEmail('${email}');">点击进入邮箱激活</button>
      </div>
      <br>
      <h3>没有收到邮箱验证？</h3>
      <br>
      <ul>
        <li>填错邮箱了？<a href="<c:url value='registerPage'/>" style="color:#12c3f9;">换个邮箱。</a></li>
        <li>看看邮件是不是进了垃圾箱。</li>
        <li>还是没有收到验证邮件。<a href="#" style="color:#12c3f9;" id="resendEmail">重新发送验证邮件</a></li>
      </ul>
    </div>
 </div>
 
 
 <!-- 模态框 -->
 <div class="modal fade" id="myModal">
   <div class="modal-dialog" style="margin-top:200px;">
     <div class="modal-content">
       <div class="modal-body">
         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
           <span aria-hidden="true">&times;</span>
         </button>
          <div class="row">
            <span class="col-sm-offset-1 col-sm-11" style="margin-bottom:30px;">我们已经发送邮件到  ${email} ,请登录邮箱完成验证。</span>
            <button type="button" class="btn btn-info btn-lg col-sm-offset-1 col-sm-7" style="margin-left:80px;" onclick="activeEmail('${email}');">点击进入邮箱激活</button>
          </div>
       </div>
     </div>
   </div>
 </div>
</body>
</html>